/* chen */
/* 2022/1/21 周五 2:35 */

/*容器*/
.container {
	/* 确保没有高度的时候也会100% */
	min-height: 100vh;
	/* 每个页面的背景 */
	background-color: #F9F9F9;
}

/* 每个板块项目的大标题 */
.project_title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #FFF;
	padding: 30rpx;
}

.project_title_content {
	color: #333;
	font-size: 32rpx;
	font-weight: bold;
	display: flex;
}

.project_title_content::before {
	display: block;
	content: '';
	width: 10rpx;
	height: 40rpx;
	background-color: #0081FF;
	border-radius: 4rpx;
	margin-right: 20rpx;
}

.project_title_more {
	display: flex;
	color: #777;
	align-items: baseline;
}

/* 详情页面 */
/* 文章详情页面 */

.detail {
	padding: 40rpx;
}

/* 标题 */
.detail_title {
	font-weight: 700;
	font-size: 44rpx;
}

/* 来源阅读量 */
.source_views {
	color: #666;
	font-size: 28rpx;
	margin: 30rpx 0;
}

.source_views .views {
	color: #999;
	font-size: 28rpx;
	text-align: right !important;
}

/* 详情标题 */
.detail_info .info_title {
	height: 90rpx;
}

.detail_info .info_title image {
	width: 100%;
	height: 100%;
}

/* 文章详情 */
.info_conent {
	color: #262626;
	font-size: 36rpx;
	line-height: 2.2;
	/* word-break:break-all; */
}

/* 空白占位 */
.empty_placeholder {
	height: 116rpx;
}

/* 底部评论区 */
.comment_bar,
.buy_bar {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: #ffffff;
	box-shadow: 0 1px 1px 1px rgb(0 0 0 / 30%);
	padding: 10rpx;
}

/* 发表评论 */
.comment_input {
	margin: 10px 5px 10px 10px;
	border-radius: 20px 20px 0 20px !important;
	background: #f2f2f2;
	text-indent: 20rpx;
}

/* 评论操作 */
.task_bar {
	position: fixed;
	width: 100%;
	left: 0;
	bottom: 0;
}

.task_bar .receive_btn {
	border-radius: none !important;
}

/* 返回按钮 */
.back_btn {
	position: absolute;
	z-index: 2;
	top: 40rpx;
	left: 40rpx;
}

/* 页面标题 */
.pages_title {
	font-weight: 700;
	font-size: 32rpx;
	text-align: center;
	padding: 40rpx;
}
